<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="webkit" name="renderer" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
    <!--<link href="favicon.ico" rel="shortcut icon"/>-->
    <link href="img/logo/32.png" rel="icon" sizes="32x32" />
    <link href="img/logo/192.png" rel="icon" sizes="192x192" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <!--减少服务器的资源开销用了cdn,如果想全部使用自己的服务器的jquery,注释"...@3.6.0/dist/jquery.min.js",取消注释"js/jquery.min.js"即可-->
    <script src="https://fastly.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <!--<script src="js/jquery.min.js"></script>-->
    <script src="js/qieh.js"></script>
    <!--减少服务器的资源开销用了cdn,如果想全部使用自己的服务器的particles,注释"...@2.0.0/particles.min.js",取消注释"js/particles.min.js"即可-->
    <script src="https://fastly.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
    <!--<script src="js/particles.min.js"></script>-->
    <script src="js/font.js"></script>
    <title>Nas导航站</title>
    <style type="text/css">
        /*背景图设置,设置路径在"css/style.css"下的3315行开始,默认关闭*/
        /*也可以直接打开下面注释直接覆盖原生的渐变色背景,建议打开背景图之后注释原生的3318和3319行渐变色背景样式*/
        body {
            overflow: auto;
            /*background-size: cover;*/
            /*background: url(img/background.jpg) no-repeat center top;*/
            /*background-attachment: fixed;*/
        }

        /*以下补充样式用于修复手机浏览下的一些体验*/
        @media only screen and (max-width: 479px) {
            div ul li {
                display: flex;
                margin: 0 0 0 0;
            }

                div ul li a {
                    width: 100%;
                }

                    div ul li a img {
                        width: 100%;
                    }

                    div ul li a strong {
                        width: 100%;
                    }

            #footer {
                height: unset;
            }

            .footer-contents {
                position: unset;
            }

                .footer-contents .links .line {
                    margin-top: 20px;
                    margin-right: 10px;
                    margin-bottom: 10px;
                }
        }

        @media only screen and (max-width: 349px) {
            div ul li {
                width: 33.33%;
            }
        }

        @media only screen and (min-width: 350px) and (max-width: 479px) {
            div ul li {
                width: 25%;
            }
        }
    </style>
</head>
<body>
<div id="particles-js" style="position:absolute; top: 0; z-index: -1; width: 100%;height: 99%;">
    <canvas class="particles-js-canvas-el" height="960" style="width: 100%; height: 100%;" width="1303"></canvas>
</div>
<script>particlesJS("particles-js", {
  particles: {
    number: {
      value: 20,
      density: {
        enable: !0,
        value_area: 1000
      }
    },
    color: {
      value: "#e1e1e1"
    },
    shape: {
      type: "circle",
      stroke: {
        width: 0,
        color: "#000000"
      },
      polygon: {
        nb_sides: 5
      },
      image: {
        src: "img/github.svg",
        width: 100,
        height: 100
      }
    },
    opacity: {
      value: 0.5,
      random: !1,
      anim: {
        enable: !1,
        speed: 1,
        opacity_min: 0.1,
        sync: !1
      }
    },
    size: {
      value: 15,
      random: !0,
      anim: {
        enable: !1,
        speed: 180,
        size_min: 0.1,
        sync: !1
      }
    },
    line_linked: {
      enable: !0,
      distance: 650,
      color: "#cfcfcf",
      opacity: 0.26,
      width: 1
    },
    move: {
      enable: !0,
      speed: 2,
      direction: "none",
      random: !0,
      straight: !1,
      out_mode: "out",
      bounce: !1,
      attract: {
        enable: !1,
        rotateX: 600,
        rotateY: 1200
      }
    }
  },
  interactivity: {
    detect_on: "canvas",
    events: {
      onhover: {
        enable: !1,
        mode: "repulse"
      },
      onclick: {
        enable: !1,
        mode: "push"
      },
      resize: !0
    },
    modes: {
      grab: {
        distance: 400,
        line_linked: {
          opacity: 1
        }
      },
      bubble: {
        distance: 400,
        size: 40,
        duration: 2,
        opacity: 8,
        speed: 3
      },
      repulse: {
        distance: 200,
        duration: 0.4
      },
      push: {
        particles_nb: 4
      },
      remove: {
        particles_nb: 2
      }
    }
  },
  retina_detect: !0
});</script>
<div id="wrap">
    <div id="top">
        <div id="logo">
            <img class="logo"
                 src=""
            />
            <!--如果需要自定义logo图片,使用下面这段代码,并删除上面这段代码,图片位置应放在img下的logo.png-->
            <!--<img class="logo" src="img/logo/192.png"/>-->
            <p></p>
            <div class="type-js headline">
                <h1 class="text-js">7li7li</h1>
            </div>
            <div class="" id="kg-btn">
                <input class='tgl tgl-flip' id='qieh' type='checkbox'/>
                <label class='tgl-btn' data-tg-off='外网' data-tg-on='内网' for='qieh'></label>
            </div>
        </div>
    </div>
    <div id="main">
        <!-- 外网访问地址 -->
        <div class="app animated fadeInLeft" id="app">
            <ul>
		    	<li>
                    <a href="http://server.7li7li.cn:8123" target="_blank">
                        <img class="shake" src="img/png/HomeAssistant.png" />
                        <strong>HomeAssistant</strong>
                    </a>
                </li>
                <li>
                    <a href="https://server.7li7li.cn:4430" target="_blank">
                        <img class="shake" src="img/png/Nextcloud.png" />
                        <strong>Nextcloud</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:4533" target="_blank">
                        <img class="shake" src="img/png/navidrome.png" />
                        <strong>Navidrome</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:8096" target="_blank">
                        <img class="shake" src="img/png/Jellyfin.png" />
                        <strong>Jellyfin</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:3000" target="_blank">
                        <img class="shake" src="img/png/Gitea.png" />
                        <strong>Gitea</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:888" target="_blank">
                        <img class="shake" src="img/png/Note.png" />
                        <strong>为知笔记</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:8099" target="_blank">
                        <img class="shake" src="img/png/Shiori.png" />
                        <strong>Shiori</strong>
                    </a>
                </li>                
                <li>
                    <a href="https://server.7li7li.cn:8065" target="_blank">
                        <img class="shake" src="img/png/Mattermost.png" />
                        <strong>Mattermost</strong>
                    </a>
                </li>
                <li>
                    <a href="https://server.7li7li.cn:5244" target="_blank">
                        <img class="shake" src="img/png/Alist.png" />
                        <strong>Alist</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:8998" target="_blank">
                        <img class="shake" src="img/png/Aria2.png" />
                        <strong>Aria2</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:9091" target="_blank">
                        <img class="shake" src="img/png/Transmission.png" />
                        <strong>Transmission</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:5800" target="_blank">
                        <img class="shake" src="img/png/ql.png" />
                        <strong>青龙面板</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:15000" target="_blank">
                        <img class="shake" src="img/png/qlTool.png" />
                        <strong>青龙面板配置</strong>
                    </a>
                </li>
				<li>
                    <a href="http://server.7li7li.cn:8081/admin/index" target="_blank">
                        <img class="shake" src="img/png/OpenApi.png" />
                        <strong>OpenApi</strong>
                    </a>
                </li>
                <li>
                    <a href="https://server.7li7li.cn:4433" target="_blank">
                        <img class="shake" src="img/png/ikuai.png" />
                        <strong>爱快</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:4434" target="_blank">
                        <img class="shake" src="img/png/OpenWrt.png" />
                        <strong>OpenWrt</strong>
                    </a>
                </li>
                <li>
                    <a href="https://server.7li7li.cn:8006" target="_blank">
                        <img class="shake" src="img/png/Pve.png" />
                        <strong>PVE</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:100" target="_blank">
                        <img class="shake" src="img/png/Unraid.png" />
                        <strong>Unraid</strong>
                    </a>
                </li>
                <li>
                    <a href="http://server.7li7li.cn:9000" target="_blank">
                        <img class="shake" src="img/png/QQ.png" />
                        <strong>GmcBot</strong>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 内网网访问地址 -->
        <div class="app animated fadeInRight" id="app1">
            <ul>		
                <li>
                    <a href="http://192.168.1.10:8123" target="_blank">
                        <img class="shake" src="img/png/HomeAssistant.png" />
                        <strong>HomeAssistant</strong>
                    </a>
                </li>			
                <li>
                    <a href="https://192.168.1.10:4430" target="_blank">
                        <img class="shake" src="img/png/Nextcloud.png" />
                        <strong>Nextcloud</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10:4533" target="_blank">
                        <img class="shake" src="img/png/navidrome.png" />
                        <strong>Navidrome</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10:8096" target="_blank">
                        <img class="shake" src="img/png/Jellyfin.png" />
                        <strong>Jellyfin</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10:3000" target="_blank">
                        <img class="shake" src="img/png/Gitea.png" />
                        <strong>Gitea</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10:888" target="_blank">
                        <img class="shake" src="img/png/Note.png" />
                        <strong>为知笔记</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10:8099" target="_blank">
                        <img class="shake" src="img/png/Shiori.png" />
                        <strong>Shiori</strong>
                    </a>
                </li>
                <li>
                    <a href="https://192.168.1.10:8065" target="_blank">
                        <img class="shake" src="img/png/Mattermost.png" />
                        <strong>Mattermost</strong>
                    </a>
                </li>
                <li>
                    <a href="https://192.168.1.10:5244" target="_blank">
                        <img class="shake" src="img/png/Alist.png" />
                        <strong>Alist</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10:8998" target="_blank">
                        <img class="shake" src="img/png/Aria2.png" />
                        <strong>Aria2</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10:9091" target="_blank">
                        <img class="shake" src="img/png/Transmission.png" />
                        <strong>Transmission</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10:5800" target="_blank">
                        <img class="shake" src="img/png/ql.png" />
                        <strong>青龙面板</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10:15000" target="_blank">
                        <img class="shake" src="img/png/qlTool.png" />
                        <strong>青龙面板配置</strong>
                    </a>
                </li>
				<li>
                    <a href="http://192.168.1.12:8081/admin/index" target="_blank">
                        <img class="shake" src="img/png/OpenApi.png" />
                        <strong>OpenApi</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.1" target="_blank">
                        <img class="shake" src="img/png/ikuai.png" />
                        <strong>爱快</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.2" target="_blank">
                        <img class="shake" src="img/png/OpenWrt.png" />
                        <strong>OpenWrt</strong>
                    </a>
                </li>
                <li>
                    <a href="https://192.168.1.3:8006" target="_blank">
                        <img class="shake" src="img/png/Pve.png" />
                        <strong>Pve</strong>
                    </a>
                </li>
                <li>
                    <a href="http://192.168.1.10" target="_blank">
                        <img class="shake" src="img/png/Unraid.png" />
                        <strong>Unraid</strong>
                    </a>
                </li>				
                <li>
                    <a href="http://192.168.1.10:9000" target="_blank">
                        <img class="shake" src="img/png/QQ.png" />
                        <strong>GmcBot</strong>
                    </a>
                </li>
            </ul>
        </div>
        <div style="clear: both;"></div>
    </div>
</div>
<div id="footer">
    <div class="footer-contents">
        <div class="links">
            <div class="line">
                <!--<a href="https://www.7li7li.cn">7li7li</a>&nbsp;&nbsp;&nbsp;-->
                <a href="https://beian.miit.gov.cn/" target="_blank">冀ICP备2023012147号-1</a>
                <img src="img/beian.png" />
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102006566" target="_blank">京公网安备 11010102006566号</a>
                ©
                <script>document.write(new Date().getFullYear())</script>
                By
                <a href="https://www.7li7li.cn" target="_blank">7li7li小破站</a>
                <!--<span class="footer-link-separator"></span>&nbsp;&nbsp;&nbsp;
                <span class="copyright">╰(*°▽°*)╯</span>-->
            </div>
        </div>
    </div>
</div>
</body>
<!--以下代码为内外网自动切换功能，如需要请打开注释-->
<!--<script type="text/javascript">
  $(function () {
    $.ajax({
      'url': './lan.php',
      type:"get",
      dataType:"json",
      success: function(result) {
        if (result.lan) {
          $('#qieh').click();
        }
      }
    });
  });
</script>-->
</html>